<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>idu66666</title>
		<link rel="stylesheet" href="idu66.css">
		<link rel="stylesheet" href="../图标/font-awesome-4.7.0/font-awesome-4.7.0/css/font-awesome.css">
		<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
		<script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
		<script src="idu66.js"></script>
		<script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
		<script src="js/jquery-3.4.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
	</head>
	<body>
		<header>
			<div class="container4">
				<input type="checkbox" name="" id="check">
				<div class="logo-container">
					<img src="../img/21.png" style="width: 3rem; height: 3rem;">
					<h3 class="logo">爱读图书</h3>
				</div>
				<div class="nav-btn">
					<div class="nav-links">
						<ul>
							<li class="nav-link" style="--i : .6s">
								<a href="#">Home</a>
							</li>
							<li class="nav-link" style="--i: .85s">
								<a href="#">Mune<i class="fa fa-sort-desc" aria-hidden="true"></i></a>
								<div class="dropdown2">
									<ul>
										<li class="dropdown2-link">
											<a href="calender.html" target="_blank">日历</a>
										</li>
										</li>
										<li class="dropdown2-link">
											<a href="bookmanage.html">图书管理<i class="fa fa-sort-desc" aria-hidden="true"></i></a>
											<div class="dropdown2 second">
												<ul>
													<li class="dropdown2-link">
														<a href="#">增</a>
													</li>
													<li class="dropdown2-link">
														<a href="#">删</a>
													</li>
													<li class="dropdown2-link">
														<a href="#">改</i></a>
													</li>
													<li class="dropdown2-link">
														<a href="#">查<i class="fa fa-angle-down"
																aria-hidden="true"></i></a>
													</li>
													<div class="arrow"></div>
												</ul>
											</div>
										</li>
										<div class="arrow"></div>
									</ul>
								</div>
							</li>
							<li class="nav-link"style="--i: 1.1s">
								<a href="#">Services</a>
							</li>
							<li class="nav-link"style="--i: 1.35s">
								<a href="#">About</a>
							</li>
						</ul>
					</div>

					<div class="logo-sign"style="--i: 1.8s">
						<a id="dong1" href="login.html" class="btn transparent">Log in</a>
						<a href="#" class="btn solid">Sign up</a>
					</div>
				</div>
			    <div class="hamburger-menu-container">
					<div class="hamburger-menu">
						<div></div>
					</div>
			    </div>
			</div>
		</header>
		<main>
			<section>
				<div class="overlay">
					<div class="box3">
						<ul>
							<li>
								<img src="../img/22.jpg" width="150px" height="150px">
								<a href="">阅读全文</a>
								<h5>《从你的全世界路过》</h5>
								<p>  陈末被称为全城最贱，每天和王牌DJ小容针锋相对，谁也不知道他们的仇恨从何而来。陈末的两个兄弟，分别是全城最傻的猪头，全城最纯的茅十八，三人每天横冲直撞，以为可以自在生活，结果都面临人生最大的转折点。

陈末相遇了最神秘的幺鸡，猪头打造了最惨烈的婚礼，茅十八经历了最悲伤的别离，这群人的生活一点点崩塌，往事一点点揭开。梦想，爱情，友情都离陈末远去。一个失去所有的人，已经弄丢自己的路，直到听到来自全世界的一段语音 。</p>
							</li>
							<li>
								<img src="../img/23.jpg" width="150px" height="150px">
								<a href="http://congnidequanshijieluguo.lewendushu.com/" target="_blank">阅读全文</a>
								<br />
								<h5>《活着》</h5>
								<p>  一位叫福贵的富家少爷，先是把家产赌光沦为一无所有的穷人，父亲气恨而亡；接着不幸被国民党捉壮丁历经死难而幸存于世；再接着儿子有庆被抽血至干而死；继而女儿凤霞产后得败血症而亡，妻子家珍得软骨病最终病死；最后女婿二喜工伤亡故，外孙苦根也因吃豆子被撑死了。亲历这数番亲人的死亡，福贵老了，他的人生点缀也被剥夺得差不多了，“活着”———最后终于成为他人生最大的“奢侈”，故事也至此结束了。小说讲述了一个关于活着的信念，也非常好地秉承了中国人重“生”的观念，这是具有中国意味的小说，淳朴却极具震撼力。</p>
							</li>
							<li>
								<img src="../img/24.jpg" width="150px" height="150px">
								<a href="">阅读全文</a>
								<h5>《云边有个小卖部》</h5>
								<p>  云边镇少年刘十三的成长故事。

　　刘十三自幼与开小卖部的外婆相依为命，努力读书为了离开小镇，追寻远方与梦想。在城市里四处碰壁受挫的刘十三回到了小镇，与少时玩伴程霜重逢。小镇生活平静却暗潮汹涌，一个孤儿，一场婚礼，一场意外，几乎打破了所有人的生活。

　　为了完成一个几乎不可能完成的任务，刘十三拼尽全力，却不知道，生命中更重要的正在离自己而去</p>
							</li>
						</ul>
					</div>
					
				</div>
			</section>
		</main>
		
	</body>
</html>
